<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./images/font2/iconfont.css">
    <link rel="stylesheet" href="./css/3..css">
    <style>
        .vip{
            background: #af9c7c;
            padding: 0 5px;
            font-size: 12px;
            height: 13px;
            color: #fff;
            border-radius: 2px;
            line-height: 13px;
            margin-top: 19px;
            margin-left: 10px;
            /* float: left; */
        }
        /* td span.vip:hover{
            color: #fff;
        }
         */
    </style>
</head>
<body>
     <!-- 顶部导航 -->
    <header class="hearder">

        <div class="container">
            <nav class="nav1">
                <div class="logo">
                    <img src="images/logo.png" alt="">
                </div>
                <ul class="ulx clearfix">
                    <li>首页</li>
                    <li class="con">歌单</li>
                    <li>歌手</li>
                    <li>VIP</li>
                    <li>音乐盒</li>
                    <li>客户端</li>
                </ul>
                <div class="nav-rigth">
                    <div>
                        <input type="text" placeholder="请输入歌名、歌词、歌手或专辑">
                        <span class="iconfont icon-fangdajing"></span>
                    </div>
                    <span>登录/注册</span>
                </div>
            </nav>
        </div>
    </header>
     <!-- 头部大的种类 -->
    <div class="container">   
        <div class="ding clearfix">
            <div class="leftimg">
                <img src="./images/gd38.jpg" alt="">
            </div>
            <div class="zou">
                <h1>
                    温柔男声 | 耳边的缠绵缱
                </h1>
                <p>
                    我的爱，是萦绕耳边的荷尔蒙，是持续分泌的多巴胺。
                </p>
                <p class="p">
                    <span>#流行</span>
                    <span>#国语</span>
                    <span>#浪漫</span>
                </p>
                <ul class="clearfix" >
                    <li><span class="iconfont icon-bofang"></span> 播放全部</li>
                    <li>收藏</li>
                    <li>分享</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 歌曲导航 -->
    <div class="container">
        <div class="man-gnav">
            <h2>全部歌曲</h2>
        </div>
    </div>
     <!-- 歌曲列表 -->
    <div class="container">
        <div class="g">
           <table border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td>序号</td> <td>歌曲</td> <td>歌手</td> <td>专辑</td> <td>时长</td>
            </tr>
            <tr>
                <td>1</td> <td><span> 国王密室</span><span class="vip">VIP</span></td> <td><span>Kc 左元杰/吴克群</span></td> <td><span>《国王密室》</span></td><td>03:20 <div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>2</td><td><span>洛希极限</span><span class="vip">VIP</span> </td> <td><span>吴克群</span></td> <td><span>《你说，我听着呢…》</span></td> <td>03:37<div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>3</td> <td> <span>You Are My Gift</span><span class="vip">VIP</span></td> <td><span>王一浩</span></td> <td><span>《我不能自拔，你得逞了吗》</span></td> <td>03:39<div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>4</td> <td><span>情话 (Love Words)</span><span class="vip">VIP</span></td> <td><span>丁世光</span></td> <td><span>《实况电影》</span></td> <td>03:47<div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>5</td> <td> <span>This is love</span></td> <td> <span>池约翰C.J</span></td> <td><span>《C.JOHNNY池约翰》</span></td> <td>03:56<div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>6</td> <td> <span>环游</span></td> <td> <span>王一浩</span></td> <td><span>《彩礼》</span></td> <td>02:42<div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>7</td> <td><span>不可抗力</span></td> <td> <span>孔令奇</span></td> <td><span>《不可抗力》</span></td> <td>03:51<div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>

                <td>8</td> <td> <span>别再想见我</span></td> <td> <span>许光汉</span></td> <td><span>《别再想见我》</span></td> <td>04:30<div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>9</td> <td> <span>云上的行星（ Carnival in bathroom）</span></td> <td> <span>尹毓恪</span></td> <td><span>《浴室与太平洋（Visions of 20）》</span></td> <td>04:07<div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>10</td> 
                <td><span>???? 只对你说</span></td> 
                <td><span>林俊杰</span></td> 
                <td><span>《曹操》</span></td>
                <td>03:52<div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>11</td> 
                <td><span>Dadada</span><span class="vip">VIP</span></td> 
                <td><span>VINZ T</span></td> 
                <td><span>《Dadada》</span></td> 
                <td>03:01<div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>12</td>
                <td> <span></span>有暖气（You Nuan Chi）</td>
                <td> <span></span>橘子海（Orange Ocean）</td> 
                <td><span></span>《浪潮上岸(Tears In Ocean)》</td> 
                <td>03:40 
                    <div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span>
                    </div>
                </td>
            </tr>
            <tr>
                <td>13</td> 
                <td> <span>适合夏天的情歌</span><span class="vip">VIP</span></td> 
                <td> <span>徐炳超</span></td> 
                <td><span>《适合夏天的情歌》</span></td> 
                <td>03:18<div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>14</td> <td> <span>My Love</span></td> <td> <span>品冠</span></td> <td><span>《幸福指南编辑部》</span></td> <td>03:25<div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>15</td> <td><span>日出(The Dawn)</span></td> <td> <span>丁世光</span></td> <td><span>《实况电影》</span></td> <td>04:11 <div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>16</td> <td><span>软弱</span> </td> <td><span>Schoolgirl byebye</span></td> <td><span>《软弱》</span></td> <td>04:50 <div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>17</td> <td><span>红 利 群</span></td> <td><span>YangYang</span></td> <td><span>《红 利 群》</span></td> <td>03:22<div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>18</td> <td><span>慢镜头</span></td> <td><span>赵泳鑫</span></td> <td><span>《慢镜头》</span></td> <td>03:55 <div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>19</td> <td><span>喜欢你</span></td> <td><span>井胧</span></td> <td><span>《喜欢你》</span></td> <td>03:55 <div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>20</td> <td><span>慢镜头</span></td> <td><span>YangYang</span></td> <td><span>《慢镜头》</span></td> <td>03:55 <div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>21</td> <td><span>慢镜头</span></td> <td><span>YangYang</span></td> <td><span>《软弱》</span></td> <td>03:55 <div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            <tr>
                <td>22</td> <td><span>慢镜头</span></td> <td><span>YangYang</span></td> <td><span>《喜欢你》</span></td> <td>03:55<div><span class="iconfont icon-bofang2"></span><span class="iconfont icon-aixin1"></span><span class="iconfont icon-xinjianwendang"></span><span class="iconfont icon-fenxiang_2"></span></div></td>
            </tr>
            
           </table>
        </div>
        
    </div>
    <!-- 相关直播 -->
    <div class="zhibo">
        <div class="container">
            <div class="zbo">
                <div class="man-gna">
                    <h2>相关直播推荐</h2>
                    <span>你已经被我一个人包围</span>
                </div>
                <div class="b-shi">
                    <ul >
                        <li>
                           <p><span>&#8226;</span>直播中</span> </p>
                            <img src="./images/gd24.jpg" alt="">
                        </li>
                        <li>
                            <p><span>&#8226;</span> 直播中</p>
                            <img src="./images/gd25.jpg" alt="">
                        </li>
                        <li>
                            <p><span>&#8226;</span> 直播中</p>
                            <img src="./images/gd04.jpg" alt="">
                        </li>
                        <li>
                            <p><span>&#8226;</span> 直播中</p>
                            <img src="./images/gd19.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
     <!-- 脚 -->
     <footer>
        <div class="container">
            <div class="fot">
                <div class="fot-left">
                    <h4>下载千千客户端</h4>
                    <ul>
                        <li>
                            <span class="iconfont icon-anzhuoandroid"></span>
                            <span >Android版</span>
                            <div class="re">
                                <img src="./images/ad01.jpg" alt="">
                                <p>微信扫一扫</p>
                            </div>
                        </li>
                        <li>
                            <span class="iconfont icon-pingguoios
                            "></span>
                            <span>iphone版</span>
                            <div class="re">
                                <img src="./images/ad01.jpg" alt="">
                                <p>微信扫一扫</p>
                            </div>
                        </li>
                        <li>   
                            <span class="iconfont icon-windows-fill
                            "></span>
                            <span>Window版</span>
                        </li>
                        <li>
                            <span class="iconfont icon-line-Macpingguotaishiji"></span>
                            <span>MAC版</span>
                        </li>
                    </ul>
                </div>
                <div class="fot-zo">
                    <h4>关于千千</h4>
                    <ul>
                        <li>意见反馈</li>
                        <li>联系我们</li>
                        <li>DMH数字音乐发布平台</li>
                    </ul>
                </div>
                <div class="fot-right">
                    <h4>关注千千音乐</h4>
                    <ul>
                        <li>
                            <span class="iconfont icon-weibo"></span>
                            <span>关注微博</span>
                            <div class="re">

                            </li>
                        <li>
                            <span class="iconfont icon-weixin"></span>
                            <span>微信公众号</span>
                            <div class="re">
                                <img src="./images/ad01.jpg" alt="">
                                <p>微信扫一扫</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="foot-t">
            <div class="container">
                <div class="ft-d">
                    <p>
                        Copyright 2018 © .TAIHE MUSIC GROUP. 深圳太乐文化科技有限公司版权所有 [粤ICP备17102508号-2]
                    </p>  
                    <p>
                       信息网络传播视听许可证: 1910523  | <span></span> 粤公网安备: 44030502002309号 | 增值电信业务经营许可证: 粵B2-20180819 | 网络文化经营许可证号码: 粤网文[2018]0902-359号 
                    </p>
                    <p>
                        举报邮箱: jubao@taihe.com | 反馈中心
                    </p>
                </div>
            </div>
        </div>
    </footer>



    
</body>
</html>